<template>
	<view class="tabContent">
		<u-navbar title="首页" style="z-index: 99;" :fixed="false" :safeAreaInsetTop="true">
			<view class="u-nav-slot" slot="left">
			</view>
			<view class="u-nav-slot" slot="right">
				<view
					style="display: flex;align-items: center;border: 1px solid #fff;color: #fff;padding: 6px 12px;overflow: hidden;border-radius: 9999px;">
					<uni-icons fontFamily="CustomFontPlatform" color="#fff"
						:size="18">{{$utils.toUniCode('&#xe675;')}}</uni-icons>
					<u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
					<uni-icons fontFamily="CustomFontPlatform" color="#fff" @click="CloseShopPage"
						:size="18">{{$utils.toUniCode('&#xe64a;')}}</uni-icons>
				</view>
			</view>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			CloseShopPage() {
				uni.navigateBack({
					delta: 999
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	$h-padding: 15rpx;
	$v-padding: 20rpx;
	$radius: 10rpx;

	.tabContent {
		display: flex;
		flex-direction: column;
		background-color: #f8f8f8;

		.menu {
			padding: $v-padding $h-padding;
			margin-bottom: $v-padding;
			background-color: #ffffff;

			&-title {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: 100vw;
				height: 40px;
				font-size: 32rpx;
				font-weight: 500;
			}

			&-content {
				display: flex;
				justify-content: flex-start;
				columns: 4;
				column-gap: 5px;
				margin-top: 10px;
			}
		}

	}
</style>